<template>
  <div class="center">
    <cardmodel :width="750" :height="370">
      <dataScreening />
    </cardmodel>

    <cardmodel
      :width="750"
      :height="215"
      :title="'待办事项统计'"
      :titleIconUrl="todoitemsIcon"
    >
      <to-do-items />
    </cardmodel>

    <cardmodel :width="750" :height="300" :title="'考勤统计(近7天考勤数据）'" :titleIconUrl="statisIcon">
      <attendance-statistics />
    </cardmodel>
  </div>
</template>

<script setup name="Center">
import cardmodel from "./components/cardmodel.vue";
import dataScreening from "./components/dataScreening.vue";
import toDoItems from "./components/toDoItems.vue";
import attendanceStatistics from "./components/attendanceStatistics.vue";
import todoitemsIcon from "@/assets/home/todoitems.png";
import statisIcon from "../../assets/home/statis.png"
import { ref } from "vue";
</script>

<style scoped lang="scss">
.center {
  width: 750px;
}
</style>
